@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';

body {
	// min-width: 900px;
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
	font-weight: 700;
}

html {
	height: 100%;
	box-sizing: border-box;
}

#app {
	height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

.no-padding {
	padding: 0px !important;
}

.padding-content {
	padding: 4px 0;
}

a:focus,
a:active {
	outline: none;
}

a,
a:focus,
a:hover {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

div:focus {
	outline: none;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.pr-5 {
	padding-right: 5px;
}

.pl-5 {
	padding-left: 5px;
}

.block {
	display: block;
}

.pointer {
	cursor: pointer;
}

.inlineBlock {
	display: block;
}

.clearfix {
	&:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: ' ';
		clear: both;
		height: 0;
	}
}

aside {
	background: #eef1f6;
	padding: 8px 24px;
	margin-bottom: 20px;
	border-radius: 2px;
	display: block;
	line-height: 32px;
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	color: #2c3e50;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	a {
		color: #337ab7;
		cursor: pointer;

		&:hover {
			color: rgb(32, 160, 255);
		}
	}
}

//main-container全局样式
.app-container {
	padding: 20px;
}

.components-container {
	margin: 30px 50px;
	position: relative;
}

.pagination-container {
	margin-top: 30px;
}

.text-center {
	text-align: center;
}

.sub-navbar {
	height: 50px;
	line-height: 50px;
	position: relative;
	width: 100%;
	text-align: right;
	padding-right: 20px;
	transition: 600ms ease position;
	background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

	.subtitle {
		font-size: 20px;
		color: #fff;
	}

	&.draft {
		background: #d0d0d0;
	}

	&.deleted {
		background: #d0d0d0;
	}
}

.link-type,
.link-type:focus {
	color: #337ab7;
	cursor: pointer;

	&:hover {
		color: rgb(32, 160, 255);
	}
}

.filter-container {
	padding-bottom: 10px;

	.filter-item {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 10px;
	}
}

//refine vue-multiselect plugin
.multiselect {
	line-height: 16px;
}

.multiselect--active {
	z-index: 1000 !important;
}

//wl_common_style
.searchInput_com {
	width: 150px;
}

.searchInputBox_com {
	margin-right: 20px;
	margin-bottom: 20px;
}
.searchLabel_com {
	color: #5b5d61;
	font-size: 0.8rem;
	font-weight: 800;
}
.searchAndButton_com {
	width: 100%;
}

.searchBox_com {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
}
.toolButton_com {
	width: 100%;
	padding: 5px 0;
	display: flex;
	justify-content: space-between;
}
.leftButton_com {
}
.rightButton_com {
}

.updataLabel {
	color: #909399;
}
.dialogBody_com {
	padding-right: 10px;
	height: calc(100vh - 172px - 20px);
	overflow-y: auto;
}

.formTtitle_com {
	margin-bottom: 10px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
	background: rgb(246, 248, 249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(
		top,
		rgba(246, 248, 249, 1) 0%,
		rgba(229, 235, 238, 1) 50%,
		rgba(215, 222, 227, 1) 51%,
		rgba(245, 247, 249, 1) 100%
	); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to bottom,
		rgba(246, 248, 249, 1) 0%,
		rgba(229, 235, 238, 1) 50%,
		rgba(215, 222, 227, 1) 51%,
		rgba(245, 247, 249, 1) 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	display: flex;
	justify-content: space-between;
	border-radius: 5px;
	color: #606266;
	font-weight: 800;
	cursor: pointer;
	position: relative;
}

.bounce {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: white;
	height: 100%;
	font: normal bold 23px 'Product Sans', sans-serif;
	white-space: nowrap;
}

.letter {
	animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
	display: inline-block;
	transform: translate3d(0, 0, 0);
	margin-top: 0.5em;
	text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
	font: normal 500 23px 'Varela Round', sans-serif;
}
.letter:nth-child(1) {
	animation-delay: 0s;
}
.letter:nth-child(2) {
	animation-delay: 0.0833333333s;
}
.letter:nth-child(3) {
	animation-delay: 0.1666666667s;
}
.letter:nth-child(4) {
	animation-delay: 0.25s;
}
.letter:nth-child(5) {
	animation-delay: 0.3333333333s;
}
.letter:nth-child(6) {
	animation-delay: 0.4166666667s;
}

@keyframes bounce {
	0% {
		transform: translate3d(0, 0, 0);
		text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
	}
	100% {
		transform: translate3d(0, -1em, 0);
		text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
	}
}

.kpBox_com {
	// height: calc(100vh - 50px - 34px - 5px);
	// overflow-y: auto;
}

.kpBox_child_com {
	height: calc(100vh - 110px - 44px);
	overflow-y: auto;
}

.labelValueBox_com {
	width: 40%;
	margin: 3px 5%;
	display: flex;
	justify-content: space-between;
}

.contentBox_com {
	display: flex;
	flex-wrap: wrap;
	line-height: 28px;
}

.infoLabel_com {
	font-size: 0.9rem;
	height: 1.25rem;
	color: #606266;
	font-weight: 800;
}

.infoValue_com {
	font-size: 0.9rem;
	color: #777a7f;
}

.infoValue_img_com {
	width: 200px;
}

.selectCom_com {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.showLoading {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 30px;
	color: #46a6ff;
}

.yincangjiahao {
	display: none !important;
}

.full {
	width: 100%;
	height: 100%;
}

.red {
	background-color: #cccccc;
}

.czjz_com {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.borderGC-5 {
	border: 5px solid transparent;
	box-sizing: border-box;
}

.borderGC-10 {
	border: 10px solid transparent;
	box-sizing: border-box;
}

.slhxs_com {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spjz_com {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

